.student-order-container {
	.list {
		padding: 0 24rpx;

		&-item {
			margin-top: 24rpx;
			border-radius: 16rpx;
			padding: 0 24rpx;
			background-color: #ffffff;
			box-shadow: $cc-shadow;

			&-top {
				@include between;
				height: 84rpx;

				&-left {
					flex: 1;
				}
			}

			&-main {
				background-color: $u-bg-color;
				border-radius: 16rpx;
				padding: 16rpx;
				.price {
					gap: 24rpx;
					.fc {
						flex: 1;
					}
				}
			}

			&-bottom {
				padding-bottom: 24rpx;
				@include between;

				&-left {
					display: flex;
					flex-direction: column;
					justify-content: center;
					flex: 1;
				}
				&-right {
					@include center;
				}
			}
		}
		.course-view {
			flex: 1;
			padding: 16rpx 0;
			overflow-x: auto;
			overflow-y: hidden;
			white-space: nowrap;
			width: 100%;
			&-item {
				background-color: $u-primary-light;
				display: inline-block;
				padding: 16rpx;
				border-radius: 16rpx;
				margin-right: 24rpx;
				border: 2rpx solid $u-border-color;
				.course-name {
					white-space: normal;
					max-width: 280rpx;
				}
			}
			&-right {
				display: flex;
				flex-direction: column;
				align-items: flex-end;
				justify-content: center;
				background-color: #ffffff;
				height: 128rpx;
				padding-left: 20rpx;
			}
		}
	}
}
